/**
 * @author zhouyi
 * @date 2022/6/11 20:32
 * @dec:处理自适应样式
 */

/***************************************/
@media (max-width: 500px) {
  .app {
    grid-template-columns:auto !important;

    .headerColumn {
      display: none !important;

    }

    .primaryColumn {
      border-right: 1px solid #eee;

      .self-introduction {
        width: 100%;
        height: 300px;

        .self-introduction-b {
          width: 373px !important;
          height: 300px;
          box-sizing: border-box;
        }
      }

      .primary-logo {
        display: inline-block !important;
      }

      .page-name {
        display: none;
      }

      .header-icon {
        display: inline-block !important;
      }
    }


  }
  .copyright {
    width: 355px !important;
  }
  .view-md-box .rendMd {
    width: 375px !important;
  }
}

/***************************************/

@media (max-width: 1000px) {
  .app .main-body {
    grid-template-columns:auto !important;

    .primaryColumn {
      .header-search {
        display: inline-block !important;
      }
    }

  }
  .sidebarColumn {
    display: none;
  }
  .view-md-box .rendMd {
    width: 100%;
  }
}